<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../static/js/lib/jquery-3.3.1.min.js"></script>
    <script src="../static/js/lib/jquery.url.js"></script>
    <script src="../static/js/index.js"></script>
</head>
<style>
    #big{
        width: 1905px;
        height: 920px;
        background-image: url("../static/img/big.jpg");
        background-size: 100% 100%;
        position: absolute;
    }
    #form{
        width: 600px;
        height: 400px;
        position: relative;
        top: 200px;
        left: 650px;
        position: absolute;
    }
    #font{
        font-size: 40px;
        color: white;
        font-weight: bold;
    }
    #inputId{
        width: 350px;
        height: 50px;
        position: relative;
        top: 30px;
        left: 50px;
        border-radius: 5px;
        border: white;
        outline-color: #BCDEF9;
        text-indent: 30px;
        font-size: 20px;
    }
    #submit{
        width: 100px;
        height: 50px;
        position: relative;
        top: 32px;
        left: 50px;
        border-radius: 5px;
        border-color:transparent;
        background-color: #FFFFFF;
        color: #81BBE3;
        font-size: 20px;
    }
    #id,#name,#producer,#createdate{
        width: 298px;
        height: 50px;
        border-radius: 5px;
        text-indent: 30px;
        font-size: 20px;
    }
    #id{
        position: relative;
        top: 50px;
        left: 125px;
    }
    #name{
        position: relative;
        top: 50px;
        left: 125px;
    }
    #producer{
        position: relative;
        top: 50px;
        left: 92px;
    }
    #createdate{
        position: relative;
        top: 50px;
        left: 60px;
    }
    #f1,#f2,#f3,#f4{
        width: 350px;
        height: 50px;
        position: relative;
        top: 50px;
        left: 50px;
        font-size: 25px;
        color: white;
    }
</style>
<body>
    <div id="big">
        <div id="form">
            <form id="index-form">
                <font id="font">Welcome to my supermarket</font><br>
                <input type="text" id="inputId" name="inputId" autocomplete="off" placeholder="请输入需要查询的商品ID">
                <input type="submit" value="查询" id="submit"><br>
                <font id="f1">序  号：</font><input type="text" id="id" disabled="disabled"><br>
                <font id="f2">名  称：</font><input type="text" id="name" disabled="disabled"><br>
                <font id="f3">生  产  商：</font><input type="text" id="producer" disabled="disabled"><br>
                <font id="f4">生  产  日  期：</font><input type="text" id="createdate" disabled="disabled">
            </form>
        </div>
    </div>
</body>
</html>